<script setup lang="ts">
import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/ui/accordion";

const defaultValue = "item-1";

const accordionItems = [
  {
    value: "1",
    title: "自我介绍",
    contents: [
      "2025-03-至今 IBM ",
      "2021-05 到 2024-12月 富达 ",
      "2018-04 - 2021-05 望海 ",
      "2012-2018 IBM",
      'Summary: 外企'
    ],
  },
  {
    value: "2",
    title: "为什么想来新加坡航空?",
    contents: [
      // "1.首先在大连的机会不好,很多公司都在裁员,被裁掉的人也纷纷选择了外地的机会",
      "是全球知名的航空公司, 餐飲和娛樂都是特色服務,",
      "現在開通了國內很多的航線,,",
      "Skytrax “全球最佳航空公司” 大奖",
      "年輕化的機組人員",
      "波音系列的飛機,空客的機型",
      "上面的機型我在國泰做kiosk項目的時候都做頁面的設計,尤其是seat 選擇的部分,對於飛機的容量佈局等有很深的印象",
      "2.目前的工作是一份外派性质的工作并不稳定",
      "3.我和面试官聊天聊的深入,了解以后的业务方向,包括职业发展方向,全栈工程师-AI工程师",
    ],
  },
  {
    value: "3",
    title: "什么时候开始找工作的?",
    contents: [
      "1.从2025年开始就在找工作",
      "2.虽然入职了IBM做国泰航空的项目,但是由于IBM on bench的人很多, 所以一直在看机会,更加正式和更加穩定的工作",
      "3.薪資福利穩定性,構成",
      "4. 我很希望在这段工作时间弯道超车,学习了python, 也主动take 后端的task",
    ],
  },
  {
    value: "4",
    title: "在上一家公司最后一天是什么时候?",
    contents: ["1. 2024-12月31在富达的最后一天", "2. 2025-03-03在IBM入职", "3.within one month"],
  },
  {
    value: "5",
    title: "是一边做KT一边工作?",
    contents: [
      "一边学习一边做项目,一晚上回去学习,不仅仅是前端技术,也包括后端技术, 数据库, 服务器,等",
    ],
  },
  {
    value: "6",
    title: "你还面试了哪家公司?",
    contents: [
      // "1. 这期间面试了香港马会",
      // "1. 国内一家做国外电商平台的公司",
      "1.在職.",
      "2.公司性質和工作環境.",
    ],
  },
  {
    value: "7",
    title: "现在的薪水是多少?期望薪资是多少",
    contents: [
      "1. 目前薪资是1w6, 因为要留在大连, 所以薪资没有那么高",
      "2.在上一家公司的薪资是26*14",
      "3.期望薪资是28*14",
    ],
  },
  {
    value: "8",
    title: "你家是哪里的,家里是否支持",
    contents: [
      "1.我家人非常支持我去新城市工作。其实在投递这个岗位前,我就和家人认真沟通过",
      "2.我覺得這個崗位讓我有機會接觸航空业数字化服务的技術落地,和 AI集成,不管是专业能力还是视野都能有提升,所以特别鼓励我抓住这个机会",
      "3.另外,我也和家人规划好了后续的生活衔接,我在北京有幾個朋友和親戚, 會幫我盡快的融入新城市的生活",
      "4.平时也会通过视频和他们保持沟通,让他们放心, 所以完全不用担心家庭方面的顾虑,我能全身心投入到工作中,",
      "5.另外一個原因是從经济角度考虑: 家里有两个孩子, 目前正处于教育和生活开支的关键阶段, 而目前大連這份工作由於工作性質的原因, 沒有調薪和年終獎, 五險一金也是按照城市最低標準交的",
      "6.從職位規劃上來說 目前就是做項目,有種外包的感覺, 而新航這次提出的前端岗位, 是一個比較新的岗位, 不僅僅是能夠有機會成為全棧工程師, 更有可能成為AI工程師, 這是我非常期待的",
    ],
  },
  {
    value: "9",
    title: "为什么离职,什么时候离职的?",
    contents: [
      "1. 因为工作性质是外派, 不稳定,为了将来的发展还是要看机会",
      "2.富达那份工作是业务从中国撤回",
    ],
  },
  {
    value: "10",
    title: "是否面试了其他公司,是否已经有其他公司的offer?",
    contents: [
      // "1. 这期间面试了香港马会,给的工资很高,但是工作地点在深圳,距离太远,家里没同意",
      // "2. 国内一家做国外电商平台的公司,Pending在最终CEO面试环节",
      "1.沒有著急面工作,而是一面工作一面積累, 這期間我學習過python以及flask框架",
      "2.在工作中也是積極take 具有架構或者是工程化的task,雖然前端確認,但是我們在完成自己任務的同時,主動去take一些後端的task, 這樣也能提升自己的技術水平",
      "3.同時也繼續更新自己的學習筆記, 這些在github或者gitee上都能看到",
      "4.就是希望能在遇到心儀公司的時候能夠比較高的把握去衝擊"
    ],
  },
  {
    value: "11",
    title: "对这份工作的期望和评价",
    contents: [
      "1. 根据我的了解,新航使用的技术是比较前沿的,这是我看中的, 为了适应以后技术的发展",
      "2. 有机会从偏前端的技术人员成长为全栈,甚至是AI全栈工程师",
      "3. stable and long-term"
    ],
  },
  {
    value: "12",
    title: "之前单位的工作模式和工作节奏",
    contents: ["1. 敏捷模式开发, 2周一个spirnt", "2. onshore team 合作的方式",
      "3. full stack engineer",
      "4. self-driven"
    ],
  },
];
</script>

<template>
  <div class="m-4 w-auto">
    <Accordion
      type="multiple"
      class="w-200"
      collapsible
      :default-value="defaultValue"
    >
      <AccordionItem
        v-for="item in accordionItems"
        :key="item.value"
        :value="item.value"
      >
        <AccordionTrigger>{{ item.value + "." + item.title }}</AccordionTrigger>
        <AccordionContent>
          <ol>
            <li v-for="(content, index) in item.contents" :key="index">
              {{ content }}
            </li>
          </ol>
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  </div>
</template>